<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet" >
<script type="text/javascript" src ="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src ="js/bootstrap.min.js"></script>
<title>个人中心</title>
</head>
<script type="text/javascript">
		$(function(){
			$(".nav li").click(function(){
				$(".nav li").removeClass("active");
				$(this).addClass("active");
			});
			
		})
</script>
<style>
 	 .board{
		background-image:url("img/bingshan.jpeg");
		 widht:1800px;
		height:1000px; 
		/* background-size:1000px 100px; */
		/* box-shadow:4px 2px 6px #f00, -4px -2px 6px #000000, 0px 0px 12px 5px DarkGrey inset; */
		z-index:2;
	}
 	.bg{
    width:100%;
    height:100%;
    position: relative;
    background: url("img/bingshan.jpeg") no-repeat fixed;
    padding:1px;
    box-sizing:border-box;	
    }
.bg:after{
    content: "";
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background:inherit ;
    filter: blur(3px);
    z-index: 2;
}
.drag{
    position: absolute;
    left:30%;
    top:30%;
    width:800px;
    height:150px;
    text-align: center;
    background: inherit;
    z-index:3;
    box-shadow:  0 0 10px 6px rgba(0,0,0,.5);
}
.bottom{
	width:800px;
	height:1000px;
	z-index:5;
	position: absolute;
	top:25%;
	left:30%;
	
	box-shadow:  0 0 10px 6px rgba(0,0,0,.5);
}
	.touxiang{
		height:152px;
		width:152px;
		
		
	}
	.img{
	position:absolute;
		left:32%;
		top:15%;
		height:150px;
		width:150px;
		z-index:12;
	}
	.daohang{
		margin-top:100px;
	}  
	
</style>
<body>
<div class="board" id="baord">
	<div class="bg">
   			<div class="drag">
        		<div>
        	
        		</div>
   			</div>
	</div>
		<div class="touxinag">
   			<img src="img/u=479516049,4006342643&fm=26&gp=0.jpg" class="img">
   		</div>
  		 <div class="bottom">       	
				<div class="daohang">
					<ul class="nav nav-pills">
 						<li class="active"><a href="#">我的主页</a></li>
  						<li><a href="PersonalCenterServlet?uid=${CURR_USER.id}" target="Personiframe">我发的贴</a></li>
  						<li><a href="getPesonReply?uid=${CURR_USER.id}" target="Personiframe">我回复的帖子</a></li>
  						<li><a href="#">成就</a></li>
					</ul> 	
				</div>
				<div class="content">
					<iframe name="Personiframe" src="PersonalCenterServlet" frameborder="0" width="800px" height="800px"></iframe>
				</div>
		 </div>
</div>
</body>
</html>